<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
       <link type = "text/css" rel = "stylesheet" href = "css/login.css">
       <link type = "text/css" rel = "stylesheet" href = "css/header.css">

		<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
        <script type="text/javascript" src="js/login.js"></script>
<title>用户登录</title>
</head>
<body>

     <!-- 页面首条 -->
     <header class="header">
	    <nav class="w_main navigation_box">
		   <div class="channel_box">
			  <a rel="nofollow" href="">首页</a>
			  <a rel = "nofollow" href = "">个人中心</a>
			  | 
              <a rel="nofollow" href="" class="selected">登录</a>
		   </div>
	    </nav>
     </header>

     <!--用户登录标题栏 -->
     <header class="w_main">
			<div class="logo_box clearfix">
				<a href="index.html" class="logo left">
				   <img src="images/logo.png" alt="兼职之家logo">
				</a>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<div class="title_wrap left">用户登录</div>
			</div>
	</header>
	
	
    <div class = "w_main content_box clearfix">
      <!--登录框左边图片 -->
      <div class="ad_box" id="ad_box">
				<ul class="banners" id = "img_0" style="display: block;">
					<li><img id = "personal_img"
						src="images/person_login_banner.png"
						alt="普通用户"></li>
				</ul>
				<ul class="banners" id = "img_1">
					<li><img id = "merchant_img"
						src="images/company_login_banner.png"
						alt="企业用户"></li>
				</ul>
	  </div>
      <!--登录板块 -->
      <div class="login_box">
                <!-- 用户类型选择-->
				<div class="user_type_tabs clearfix" id="user_type_tabs">
					<span class="selected"  id="user_type-0" onclick="selected_user()">求职用户</span> 
					<span id="user_type-1" onclick = "selected_merchant_user()">企业用户</span>
				</div>
				
				<!-- 登录表单  -->
				<form action = "login.action" method="post" id = "form1" onsubmit="return login(this);">
				
				<!-- 设置为不可见元素，用于判断登录的用户是求职用户还是企业用户 -->
				<input id = "user_type" name="user_type" style = "display:none" value = "personal"></input>
				
				<div class="info_box" id="info_box">
					<div>账号</div>
					<label class="account_wrap"> 
					<input name = "loginname"
						type="text" class="account" id="account" tabindex="1"></label>
					<div class="forget_psw_wrap">
						密码<a href="RetrievePassword.html" class="forget_psw">忘记密码</a>
					</div>
					<label class="psw_wrap"> 
					<input name = "loginpassword"
						type="password" class="psw" id="psw" tabindex="2"></label>
			
					<div class="auto_login_wrap">
						<input type="checkbox" class="auto_login" id="auto_login" name="auto_login"checked>
						<span>下次自动登录(公共场所请勿勾选)</span>
					</div>
					<input type = "submit"  value = "登录兼职之家" class = "login_btn">
					
					<div class="register_wrap">
						还没有兼职之家账号<a href="register.html">注册一个？</a>
					</div>
				</div>
			    </form>
		</div>				
      </div> 
</body>
</html>
